(function() { var template = Handlebars.template, templates = Handlebars.templates = Handlebars.templates || {};templates['base-layout'] = template(function (Handlebars,depth0,helpers,partials,data) {
  this.compilerInfo = [4,'>= 1.0.0'];
helpers = this.merge(helpers, Handlebars.helpers); data = data || {};
  


  return "<div id=\"header\" class=\"container\"></div>\n<div class=\"clearfix\"></div>\n<div id=\"body\" class=\"container rounded\">\n    <div class=\"row\">\n        <div class=\"main-content\">\n            <div class=\"page-content\">\n            </div>\n        </div>\n    </div>\n</div>\n<div id=\"footer\" class=\"container\"></div>";
  } ); })();(function() { var template = Handlebars.template, templates = Handlebars.templates = Handlebars.templates || {};templates['body'] = template(function (Handlebars,depth0,helpers,partials,data) {
  this.compilerInfo = [4,'>= 1.0.0'];
helpers = this.merge(helpers, Handlebars.helpers); data = data || {};
  


  return "<div class=\"row\">\n    </br>\n    <div class=\"page-header  position-relative\">\n        <h3>Recetas ABC(Filtro general)</h3>\n    </div>\n</div>\n<!--Div tipo Fila, es similar a la fila de una tabla-->\n<div class=\"row\">\n    <div>\n        <a href=\"Busqueda.html\">A</a>&nbsp; \n        <a href=\"Busqueda.html\">B</a>&nbsp; \n        <a href=\"Busqueda.html\">C</a>&nbsp; \n        <a href=\"Busqueda.html\">D</a>&nbsp; \n        <a href=\"Busqueda.html\">E</a>&nbsp; \n        <a href=\"Busqueda.html\">F</a>&nbsp; \n        <a href=\"Busqueda.html\">G</a>&nbsp;\n        <a href=\"Busqueda.html\">H</a>&nbsp; \n        <a href=\"Busqueda.html\">I</a>&nbsp; \n        <a href=\"Busqueda.html\">J</a>&nbsp; \n        <a href=\"Busqueda.html\">K</a>&nbsp; \n        <a href=\"Busqueda.html\">L</a>&nbsp; \n        <a href=\"Busqueda.html\">M</a>&nbsp; \n        <a href=\"Busqueda.html\">N</a>&nbsp;\n        <a href=\"Busqueda.html\">O</a>&nbsp; \n        <a href=\"Busqueda.html\">P</a>&nbsp; \n        <a href=\"Busqueda.html\">Q</a>&nbsp; \n        <a href=\"Busqueda.html\">R</a>&nbsp; \n        <a href=\"Busqueda.html\">S</a>&nbsp; \n        <a href=\"Busqueda.html\">T</a>&nbsp; \n        <a href=\"Busqueda.html\">U</a>&nbsp;\n        <a href=\"Busqueda.html\">V</a>&nbsp; \n        <a href=\"Busqueda.html\">W</a>&nbsp; \n        <a href=\"Busqueda.html\">X</a>&nbsp; \n        <a href=\"Busqueda.html\">Y</a>&nbsp; \n        <a href=\"Busqueda.html\">Z</a>&nbsp;\n    </div>\n    <br />\n</div>\n\n<div class=\"row\">\n    <div class=\"panel pull-left\" style=\"width: 70%;\">\n        <!-- Carousel\n            ================================================== -->\n        <div id=\"myCarousel\" class=\"carousel slide\" data-ride=\"carousel\">\n            <!-- Indicators -->\n            <ol class=\"carousel-indicators\">\n                <li data-target=\"#myCarousel\" data-slide-to=\"0\" class=\"active\"></li>\n                <li data-target=\"#myCarousel\" data-slide-to=\"1\"></li>\n                <li data-target=\"#myCarousel\" data-slide-to=\"2\"></li>\n            </ol>\n            <div class=\"carousel-inner \">\n                <div class=\"item active center-block \" style=\"width: 400px; max-height: 100%; height: auto;\n                    position: relative;\">\n                    <a href=\"#\">\n                        <img src=\"image/ComidaChina1.jpg\" alt=\"Arroz chaufa\" class=\"img-thumbnail img-responsive\" />\n                    </a>\n                    <!--<img data-src=\"image/ComidaChina1.jpg\" alt=\"First slide\"/>-->\n                    <div class=\"container\">\n                        <div class=\"carousel-caption\">\n                        </div>\n                    </div>\n                </div>\n                <div class=\"item center-block\" style=\"width: 400px; max-height: 100%; height: auto;\">\n                    <a href=\"#\">\n                        <img src=\"image/ComidaChina2.jpg\" alt=\"Pollo Enrollado\" class=\"img-thumbnail img-responsive\" />\n                    </a>\n                    <!--<img data-src=\"holder.js/900x500/auto/#666:#6a6a6a/text:Second slide\" alt=\"Second slide\">-->\n                    <div class=\"container\">\n                        <div class=\"carousel-caption\">\n                            <!--<a class=\"btn btn-lg btn-primary\" href=\"#\" role=\"button\">Learn more</a></p>-->\n                        </div>\n                    </div>\n                </div>\n                <div class=\"item center-block\" style=\"width: 400px; max-height: 100%; height: auto;\">\n                    <a href=\"#\">\n                        <img src=\"image/comidachina3.jpg\" alt=\"Pollo con verduras\" class=\"img-thumbnail img-responsive \" />\n                    </a>\n                    <!--<img data-src=\"holder.js/900x500/auto/#555:#5a5a5a/text:Third slide\" alt=\"Third slide\">-->\n                    <div class=\"container\">\n                        <div class=\"carousel-caption\">\n                        </div>\n                    </div>\n                </div>\n                <div class=\"item center-block\" style=\"width: 400px; max-height: 100%; height: auto;\">\n                    <a href=\"#\">\n                        <img src=\"image/comidadelaSelva1.jpg\" alt=\"Tacacho con Cecina\" class=\"img-thumbnail img-responsive \" />\n                    </a>\n                    <div class=\"container\">\n                        <div class=\"carousel-caption\">\n                        </div>\n                    </div>\n                </div>\n                <div class=\"item center-block\" style=\"width: 400px; max-height: 100%; height: auto;\">\n                    <a href=\"#\">\n                        <img src=\"image/comidadelaSelva2.jpg\" alt=\"Zarapatera\" class=\"img-thumbnail img-responsive \" />\n                    </a>\n                    <div class=\"container\">\n                        <div class=\"carousel-caption\">\n                        </div>\n                    </div>\n                </div>\n                <div class=\"item center-block\" style=\"width: 400px; max-height: 100%; height: auto;\">\n                    <a href=\"#\">\n                        <img src=\"image/comidadelaSelva3.jpg\" alt=\"Patarashca\" class=\"img-thumbnail img-responsive \" />\n                    </a>\n                    <div class=\"container\">\n                        <div class=\"carousel-caption\">\n                        </div>\n                    </div>\n                </div>\n                <div class=\"item center-block\" style=\"width: 400px; max-height: 100%; height: auto;\">\n                    <a href=\"#\">\n                        <img src=\"image/comidadelaSelva4.jpg\" alt=\"Chaufa Selvatico\" class=\"img-thumbnail img-responsive \" />\n                    </a>\n                    <div class=\"container\">\n                        <div class=\"carousel-caption\">\n                        </div>\n                    </div>\n                </div>\n                <div class=\"item center-block\" style=\"width: 400px; max-height: 100%; height: auto;\">\n                    <a href=\"#\">\n                        <img src=\"image/comidacriolla1.jpg\" alt=\"Lomo Saltado\" class=\"img-thumbnail img-responsive \" />\n                    </a>\n                    <div class=\"container\">\n                        <div class=\"carousel-caption\">\n                        </div>\n                    </div>\n                </div>\n                <div class=\"item center-block\" style=\"width: 400px; max-height: 100%; height: auto;\">\n                    <a href=\"#\">\n                        <img src=\"image/comidacriolla2.jpg\" alt=\"Aj&iacute; de Gallina\" class=\"img-thumbnail img-responsive \" />\n                    </a>\n                    <div class=\"container\">\n                        <div class=\"carousel-caption\">\n                        </div>\n                    </div>\n                </div>\n                <div class=\"item center-block\" style=\"width: 400px; max-height: 100%; height: auto;\">\n                    <a href=\"#\">\n                        <img src=\"image/comidacriolla3.jpg\" alt=\"Parihuela\" class=\"img-thumbnail img-responsive \" />\n                    </a>\n                    <div class=\"container\">\n                        <div class=\"carousel-caption\">\n                        </div>\n                    </div>\n                </div>\n                <div class=\"item center-block\" style=\"width: 400px; max-height: 100%; height: auto;\">\n                    <a href=\"#\">\n                        <img src=\"image/comidacriolla4.jpg\" alt=\"Seco de Fejoles\" class=\"img-thumbnail img-responsive \" />\n                    </a>\n                    <div class=\"container\">\n                        <div class=\"carousel-caption\">\n                        </div>\n                    </div>\n                </div>\n                <div class=\"item center-block\" style=\"width: 400px; max-height: 100%; height: auto;\">\n                    <a href=\"#\">\n                        <img src=\"image/comidacriolla5.jpg\" alt=\"Cebiche de Pescado\" class=\"img-thumbnail img-responsive \" />\n                    </a>\n                    <div class=\"container\">\n                        <div class=\"carousel-caption\">\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <a class=\"left carousel-control\" href=\"#myCarousel\" data-slide=\"prev\"><span class=\"glyphicon glyphicon-chevron-left\">\n            </span></a><a class=\"right carousel-control\" href=\"#myCarousel\" data-slide=\"next\"><span\n                class=\"glyphicon glyphicon-chevron-right\"></span></a>\n        </div>\n        <!-- /.carousel -->\n    </div>\n    <div class=\"panel panel-danger pull-right\" style=\"width: 30%\">\n        <div class=\"panel-heading\">\n            <h3 class=\"panel-title\">\n                Receta del d&iacute;a</h3>\n        </div>\n        <div class=\"panel-body\">\n            Preparar el arroz con kion y poca sal. Aparte, batir los huevos ligeramente, sazonarlos\n            y fre&iacute;rlos en una sart&eacute;n con poco aceite...\n            <br />\n            <a href=\"#\">Leer m&aacute;s</a>\n        </div>\n    </div>\n</div>\n<div class=\"row\">\n    <div class=\"panel panel-danger pull-left\" style=\"width: 70%\">\n        <div class=\"panel-heading\">\n            <h3 class=\"panel-title\">\n                Las m&aacute;s buscadas</h3>\n        </div>\n        <div class=\"panel-body\">\n            <div class=\"list-group\">\n                <a href=\"#\" class=\"list-group-item \">\n                    <h4 class=\"list-group-item-heading\">\n                    </h4>\n                    <p class=\"list-group-item-text\">\n                        Receta de \"Aj&iacute; de gallina\"... <span class=\"glyphicon glyphicon-star\"></span><span\n                            class=\"glyphicon glyphicon-star\"></span><span class=\"glyphicon glyphicon-star\">\n                        </span><span class=\"glyphicon glyphicon-star-empty\"></span><span class=\"glyphicon glyphicon-star-empty\">\n                        </span>\n                    </p>\n                </a><a href=\"#\" class=\"list-group-item\">\n                    <h4 class=\"list-group-item-heading\">\n                    </h4>\n                    <p class=\"list-group-item-text\">\n                        Receta de \"arroz con pollo\"... <span class=\"glyphicon glyphicon-star\"></span><span\n                            class=\"glyphicon glyphicon-star\"></span><span class=\"glyphicon glyphicon-star\">\n                        </span><span class=\"glyphicon glyphicon-star-empty\"></span><span class=\"glyphicon glyphicon-star-empty\">\n                        </span>\n                    </p>\n                </a><a href=\"#\" class=\"list-group-item\">\n                    <h4 class=\"list-group-item-heading\">\n                    </h4>\n                    <p class=\"list-group-item-text\">\n                        Receta de \"Pollo enrollado\"... <span class=\"glyphicon glyphicon-star\"></span><span\n                            class=\"glyphicon glyphicon-star\"></span><span class=\"glyphicon glyphicon-star\">\n                        </span><span class=\"glyphicon glyphicon-star-empty\"></span><span class=\"glyphicon glyphicon-star-empty\">\n                        </span>\n                    </p>\n                </a>\n            </div>\n            <br />\n            <a href=\"#\">Leer m&aacute;s</a>\n        </div>\n    </div>\n    <div class=\"panel pull-right\">\n        <div class=\"panel-heading\">\n            <h3 class=\"panel-title\">\n                Publicidad</h3>\n        </div>\n        <div class=\"panel-body\">\n            <!--aqui va algunas ofertas-->\n        </div>\n    </div>\n</div>\n<div class=\"row\">\n    <div class=\"panel panel-success\">\n        <div class=\"panel-heading\">\n            <h3 class=\"panel-title\">\n                Registrate en &iquest;Qu&eacute; cocinar&eacute;?</h3>\n        </div>\n        <div class=\"panel-body\">\n            <div class=\"pull-left\">\n                <div class=\"container-fluid\">\n                    <p>\n                        <span class=\"glyphicon glyphicon-check\"></span>&nbsp;Crea tu perfil\n                    </p>\n                    <p>\n                        <span class=\"glyphicon glyphicon-floppy-disk\"></span>&nbsp;Guarda tu receta\n                    </p>\n                    <p>\n                        <span class=\"glyphicon glyphicon-share-alt\"></span>&nbsp;Comparte tus recetas\n                    </p>\n                    <a href=\"register.html\" class=\"list-inline\">>>empieza aqu&iacute;... </a>\n                </div>\n            </div>\n            <div class=\"pull-left\">\n                colocar imagen\n            </div>\n        </div>\n    </div>\n</div>";
  } ); })();(function() { var template = Handlebars.template, templates = Handlebars.templates = Handlebars.templates || {};templates['header'] = template(function (Handlebars,depth0,helpers,partials,data) {
  this.compilerInfo = [4,'>= 1.0.0'];
helpers = this.merge(helpers, Handlebars.helpers); data = data || {};
  


  return "<div class=\"header\">\n    <div class=\"row\">\n        <img src=\"image/logo.png\" class=\"pull-left\" alt=\"Logo\" />\n        <div class=\"pull-right\" style=\"width: 40%;\">\n            <ul class=\"nav\" >\n                <li class=\"nav-starter\">&nbsp;</li>\n                <li>\n                    <a id=\"btnLogin\" href=\"#\">Ingresar</a>\n                    <div class=\"nav-separator\"></div>\n                </li>\n                <li>\n                    <a id=\"btnResgistrate\" href=\"#\">Registrate</a>\n                    <div class=\"nav-separator\"></div>\n                </li>\n                <li>\n                    <a href=\"perfilusuarioform.html\">Perfil de Usuario</a>\n                    <div class=\"nav-separator\"></div>\n                </li>\n                <li class=\"nav-finisher\">&nbsp;</li>\n            </ul>\n            <div class=\"input-group input-group-sm\">\n                <input type=\"text\" class=\"form-control\" placeholder=\"Encuentra aqu&iacute; mas de 1000 recetas\" />\n                <span class=\"input-group-addon\"><a href=\"Busqueda.html\" class=\"glyphicon glyphicon-search\"></a> </span>\n            </div>\n        </div>\n    </div>\n\n    <!--Aqui va el menu de forma horizontal-->\n    <div class=\"row\">\n        <nav class=\"navbar navbar-default\" role=\"navigation\">\n            <div class=\"navbar-header\">\n                <div class=\"collapse navbar-collapse\" id=\"bs-example-navbar-collapse-1\">\n                    <ul class=\"nav navbar-nav\">\n                        <li><a href=\"Index.html\">Inicio</a></li>\n                        <li><a href=\"#\">Tipo de comida</a></li>\n                        <li><a href=\"#\">Tipo de cocina</a></li>\n                        <li><a href=\"#\">Bebidas</a></li>\n                    </ul>\n                </div>\n            </div>\n        </nav>\n    </div>\n</div>\n            ";
  } ); })();(function() { var template = Handlebars.template, templates = Handlebars.templates = Handlebars.templates || {};templates['login'] = template(function (Handlebars,depth0,helpers,partials,data) {
  this.compilerInfo = [4,'>= 1.0.0'];
helpers = this.merge(helpers, Handlebars.helpers); data = data || {};
  


  return "<div class=\"row\">\n    </br>\n    <form class=\"form-signin\" role=\"form\">\n        <h2 class=\"form-signin-heading\">\n            Ingresa y sigue compartiendo</h2>\n        <input type=\"email\" class=\"form-control\" placeholder=\"Email address\" required autofocus>\n        <input type=\"password\" class=\"form-control\" placeholder=\"Password\" required>\n        <label class=\"checkbox\">\n            <input type=\"checkbox\" value=\"remember-me\">\n            Recordarme\n        </label>\n        <button id=\"btnIniciar Sesion\" class=\"btn btn-lg btn-primary btn-block\" type=\"submit\">\n            Iniciar Sesi&oacute;n</button>\n    </form>\n</div>  ";
  } ); })();(function() { var template = Handlebars.template, templates = Handlebars.templates = Handlebars.templates || {};templates['register'] = template(function (Handlebars,depth0,helpers,partials,data) {
  this.compilerInfo = [4,'>= 1.0.0'];
helpers = this.merge(helpers, Handlebars.helpers); data = data || {};
  


  return "<div class=\"row\">\n</br>\n</br>\n</br>\n    <div>\n        <h2 >Registro</h2>\n    </div>\n    <form name=\"fcontacto\" id=\"fcontacto\" action=\"\" role=\"form\" style=\"width: 500px\">\n    <div class=\"row\">\n        <div class=\"col-md-11\">\n            <label>\n                Nombres (*) :</label>\n            <input type=\"text\" name=\"name\" id=\"name\" class=\"form-control\" required>\n        </div>\n        <div class=\"col-md-11\">\n            <label>\n                Apellidos (*) :</label>\n            <input type=\"text\" name=\"lastName\" id=\"lastName\" class=\"form-control\" required>\n        </div>\n        <div class=\"col-md-3\">\n            <p style=\"font-weight: bold\">\n                G&eacute;nero :</p>\n        </div>\n        <div class=\"col-md-2\">\n            <div class=\"radio\">\n                <label>\n                    <input type=\"radio\" name=\"optionsRadios\" id=\"optionsRadios1\" value=\"option1\" checked>\n                    Masculino\n                </label>\n            </div>\n        </div>\n        <div class=\"col-md-2\">\n            <div class=\"radio\">\n                <label>\n                    <input type=\"radio\" name=\"optionsRadios\" id=\"optionsRadios1\" value=\"option1\" checked>\n                    Femenino\n                </label>\n            </div>\n        </div>\n        <div class=\"col-md-11\">\n            <label>\n                Correo electr&oacute;nico (*) :</label>\n            <input type=\"text\" name=\"email\" id=\"email\" class=\"form-control\" required>\n        </div>\n        <div class=\"col-md-11\">\n            <label>\n                Contrase&ntilde;a :</label>\n            <input type=\"password\" name=\"password\" id=\"password\" class=\"form-control\" placeholder=\"Password\">\n        </div>\n        <div class=\"col-md-11\">\n            <label>\n                Confirmar contrase&ntildea :</label>\n            <input type=\"password\" name=\"confirm\" id=\"confirm\" class=\"form-control\" placeholder=\"Password\">\n        </div>\n        <div class=\"col-md-11\">\n            <label>\n                Celular :</label>\n            <input type=\"text\" name=\"mobile\" id=\"mobile\" class=\"form-control\">\n        </div>\n        <div class=\"col-md-11\">\n            <form>\n\n    <div class=\"col-lg-5 col-md-5 col-sm-5 col-xs-12\">\n        <label>Ciudad : <span></span></label><br/>\n        <select name=\"state\" class=\"form-control\">\n            <option value=\"Amazonas\">Amazonas</option>\n            <option value=\"Ancash\">Ancash</option>\n            <option value=\"Apurimac\">Apurimac</option>\n            <option value=\"Arequipa\">Arequipa</option>\n            <option value=\"Cajamarca\">Cajamarca</option>\n            <option value=\"Cusco\">Cusco</option>\n            <option value=\"Huancavelica\">Huancavelica</option>\n            <option value=\"Huanuco\">Huanuco</option>\n            <option value=\"Ica\">Ica</option>\n            <option value=\"Jun&iacute;n\">Jun&iacute;n</option>\n            <option value=\"La Libertad\">La Libertad</option>\n            <option value=\"Lambayeque\">Lambayeque</option>\n            <option value=\"Lima\">Lima</option>\n            <option value=\"Loreto\">Loreto</option>\n            <option value=\"Madre de Dios\">Madre de Dios</option>\n            <option value=\"Moquegua\">Moquegua</option>\n            <option value=\"Pasco\">Pasco</option>\n            <option value=\"Piura\">Piura</option>\n            <option value=\"Puno\">Puno</option>\n            <option value=\"San Mart&iacute;n\">San Mart&iacute;n</option>\n            <option value=\"Tacna\">Tacna</option>\n            <option value=\"Tumbes\">Tumbes</option>\n            <option value=\"Ucayali\">Ucayali</option>\n            \n        </select>\n        </div\n\n</form>\n       \n        </div>\n        \n        <div class=\"col-md-11\">\n            <label>\n                Distrito :</label>\n            <input type=\"text\" name=\"districto\" id=\"distrito\" class=\"form-control\">\n        </div>\n        <div class=\"col-md-11\">\n            <label>\n                Direcci&oacute;n :</label>\n            <input type=\"text\" name=\"line\" id=\"line\" class=\"form-control\">\n        </div>\n        <div class=\"col-md-11\">\n            <div class=\"checkbox\">\n                <label>\n                    <input type=\"checkbox\">\n                    He leido y acepto los t&eacute;rminos y condiciones de uso.\n                </label>\n            </div>\n            <p class=\"list-group-item-text\">\n                Datos obligatorios (*)\n            </p>\n            <button id=\"btnRegistrase\" class=\"btn btn-lg btn-primary btn-block\" type=\"submit\"\n                style=\"width: 150px\">\n                Registrarse</button>\n        </div>\n    </div>\n    </form>\n</div>  ";
  } ); })();DEW.StoreManagerClass = function(){};
$.extend(DEW.StoreManagerClass.prototype, {

    items:{},

    get: function(key){
        return this.items[key] || null;
    },

    put: function(key, value){
        this.items[key] = value;
    },

    removeAll: function() {
        this.items = {};
    },

    remove: function(key) {
        try {
            delete this.items[key];
        } catch(e) {};
    }
});
DEW.StoreManager = new DEW.StoreManagerClass();DEW.ViewManager = (function(){
    this.items = [];

    this.addView = function(view){
        return this.items.push(view);
    };

    this.removeAll = function(){
        if(this.items && this.items.length > 0){
            $.each(this.items, function(idx, view){
                if(view && typeof view.close === 'function'){
                    view.close();
                }
            });
        }
    };

    this.remove = function(item){
        var index = $.inArray(item, this.items);
        this.items.splice(index,1);
    };

    return this;
})();Backbone.View.prototype.close = function() {
  this.stopListening();
  this.remove();
  this.trigger("close");
};DEW.BaseLayout = Backbone.View.extend({

    template : Handlebars.templates['base-layout'],

    render: function(){
        this.$el.html(this.template());
    }
    
});DEW.Body = Backbone.View.extend({

    template: Handlebars.templates['body'],


    initialize: function() {
        //Aqui se puede poner configuracion inicial
    },

    render: function() {
        this.$el.html(this.template());
    }
    

});DEW.Header = Backbone.View.extend({

    template: Handlebars.templates['header'],

    events: {
        
        "click #btnLogin" : "openLogin"
       
    },
    
    initialize: function() {
        //Aqui se puede poner configuracion inicial
    },

    render: function() {
        this.$el.html(this.template());
    },
    
    
    openLogin: function(e){
      debugger;
      e.preventDefault();
    }

});DEW.Login = Backbone.View.extend({

    template: Handlebars.templates['login'],


    initialize: function() {
        //Aqui se puede poner configuracion inicial
    },

    render: function() {
        this.$el.html(this.template());
    }
    

});DEW.Register = Backbone.View.extend({

    template: Handlebars.templates['register'],


    initialize: function() {
        //Aqui se puede poner configuracion inicial
    },

    render: function() {
        this.$el.html(this.template());
    }
    

});DEW.HomeController = function() {};

$.extend(DEW.HomeController.prototype, {
    render: function() {
        DEW.ViewManager.removeAll();
        this.displayLayout();
        this.displayHeader();
        this.displayBody();
        
        
    },

    displayLayout: function() {
        var baseLayout = new DEW.BaseLayout();
        baseLayout.render();
        $("#content").html(baseLayout.el);
        
        DEW.ViewManager.addView(baseLayout);
    },

    displayHeader: function() {
        var header = new DEW.Header();
        header.render();
        /* $(header.el).appendTo("#header"); */
        $("#header").html(header.el);
        
        
        var login = new DEW.Login();        
        $("#btnLogin").click(function(){
            DEW.ViewManager.remove(body);
            login.render();
            
            $(".page-content").html(login.el);
            DEW.ViewManager.addView(login);
        });
        
        
        var register = new DEW.Register();        
        $("#btnResgistrate").click(function(){
            debugger;
            DEW.ViewManager.remove(register);
            register.render();
            
            $(".page-content").html(register.el);
            DEW.ViewManager.addView(register);
        });
        
        
        DEW.ViewManager.addView(header);
    },

    displayBody: function() {
        
       
        
        var body = new DEW.Body();
        body.render();       
        /* $(body.el).appendTo(".page-content"); */
        $(".page-content").html(body.el);      
        DEW.ViewManager.addView(body);
        
    }


});DEW.appRouter = Backbone.Router.extend({
    routes: {
        "home" : "displayHome",
        "details/:id" : "displayDetails",
        "*actions" : "defaultRoute"
    },

    initialize: function()
    {

    },

    displayHome: function() {
        var homeController = new DEW.HomeController();
        homeController.render();
    },

   
    defaultRoute: function() {
        this.displayHome();
    }
});